<template lang="pug">
  .container
    .error
      h1 {{error.statusCode}} 
      h2 哇哇哇～ 页面找不到了
      p {{error.message}}
    .back
      .a(@click='$router.go(-1)') GO BACK
</template>

<script>
export default {
  props: ['error'],
  // layout: 'blog',
  mounted () {
    if (process.browser) {
      // console.log(this.error)
    }
  }
}
</script>

<style lang="stylus" scoped>

.container
  text-align center
  padding .5rem
  .error
    h1
      font-size .7rem
      color $elBlack
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
    h2
      font-size .14rem
      color $elBlack
    p
      font-size .12rem
      color $lSilver
      transform scale(.8)
  .back
    margin-top .2rem
    .a
      cursor pointer
      text-decoration underline
      transition all .2s ease
      &:hover
        transform translateY(-.02rem)
</style>
